Traducción al español será siempre la mayor brevedad

selectInputDate

The selectInputDate component renders an inline or popup calendar date selector. Users may select a date by clicking a date in the displayed calendar. The month and year, of the calendar can be changed using navigation arrow buttons. In popup mode, an inputText component is rendered. It formats and displays the selected date of the calendar. Users may enter a date directly into the inputText component or click the popup button beside the inputText component to display the popup calendar view. Selecting a date in the popup calendar will close the popup calendar view and update the inputText with the selected date.

The selectInputDate component can be used in cases where a date value must be selected, displayed or entered.

The following code shows how to create a basic popup calendar using the popupDateFormat attribute with an embedded message to display format exceptions. The specified popupDateFormat must conform to the Time Format Syntax of the java.text.SimpleDateFormat class.

In this example we use the format "EEE, MMM d, yyyy" which would output the date as "Wed, July 12, 2006".

<ice:form id="calendarForm2">
	<ice:selectInputDate id="calendar1"
			popupDateFormat="EEE, MMM d, yyyy"
			value="#{calendar.date1}" renderAsPopup="true" />
	<h:message style="color: red" for="calendar1"/>
</ice:form>

The default calendar images can be overridden by using the imageDir attribute. To override the default images create an images directory in your application web directory. Then put your calendar images in this directory.

The calendar images must be named as follows;

• cal_arrow_right.gif - move next image.
• cal_arrow_left.gif - move previous image.
• cal_button.gif - open popup image.
• cal_off.gif - close popup image.

< ice:selectInputDate id="calendar2"
	value="#{testBean.date2}"
	imageDir="./images/"
	renderAsPopup="true" />